<#compress >
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,  user-scalable=0;" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link rel="stylesheet" href="${ctx}/static/mobileweb/1/css/common.css?_=${.now?string("yyyy-MM-dd")}">
    <style type="text/css">

        ul.brandslist > li a.logo{
            display              : inline-block; text-align : center; line-height : 200%; -webkit-border-radius : 31px;
            -moz-border-radius   : 31px; border-radius : 31px; -webkit-background-clip : padding-box; margin-left: 22px;
            -moz-background-clip : padding-box; background-clip : padding-box; -webkit-box-shadow : 0 1px 3px #aaa;
            -moz-box-shadow      : 0 1px 3px #aaa; padding : 0; margin : 0; width : 62px; height : 62px; box-shadow : 0 1px 3px #aaa; }

        ul.brandslist > li a img{
            -webkit-border-radius   : 31px; padding : 0; margin : 0; -moz-border-radius : 31px; border-radius : 31px; width : 62px; height : 62px;
            -webkit-background-clip : padding-box; -moz-background-clip : padding-box; background-clip : padding-box; }
        ul.brandslist > li a:last-child {padding: 5px 0;padding-left: 10px;text-align: left;}
    </style>
    <script type="text/javascript">
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            WeixinJSBridge.call('hideToolbar');
        });
    </script>
    <title></title>
</head>
<body>
<section>
    <ul class="topTab">
        <li class="on"><a href="${ctx}/mobileweb/collection/attention?mid=${mid!}&wxno=${wxno!}"><i class="attentionIcon"></i>关注</a></li>
        <li><a href="${ctx}/mobileweb/collection/share?mid=${mid!}&wxno=${wxno!}"><i class="shareIcon"></i>分享</a></li>
        <li><a href="${ctx}/mobileweb/collection/like?mid=${mid!}&wxno=${wxno!}"><i class="likeIcon"></i>喜欢</a></li>
        <br class="cb"/>
    </ul>

    <ul class="brandslist">
        <#if (attentionList?size) gt 0>
            <#list attentionList as atn>
                <li>
                    <a href="${ctx}/mobileweb/brand/showbrand?id=${atn.id!}&mid=${mid!}&wxno=${wxno!}" class="logo">
                        <#if atn.logo??>
                            <img src="${ctx}${atn.logo!}"/>
                        <#else>
                            <img src="${ctx}/static/mobileweb/images/logo.png"/>
                        </#if>
                    </a>
                    <a href="${ctx}/mobileweb/brand/showbrand?id=${atn.id!}&mid=${mid!}&wxno=${wxno!}"> ${atn.name!} </a>
                </li>
            </#list>
        <#else >
            <div class="" style="text-align:center;padding:20px 0; background:#ECECEC; box-shadow:none;">
                             <span>
                                 <img style="max-width:20%;" src="${ctx}/static/mobileweb/1/images/tipWarIco.jpg" alt=""/>
                             </span>
                <p style="color:#ccc;margin-top:4px;">暂无数据！</p>
            </div>
        </#if>
        <br class="cb"/>
    </ul>
</section>
</body>
</html>
</#compress>